<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOM对象</title>
    <style>
    </style>
</head>

<body>
    <div id="root">
    </div>
</body>
<script>
    /* 
    BOM主要是和浏览器做交互效果 核心对象是window
        window对象是浏览器的顶级对象 它有双重角色
            js访问浏览器窗口的一个接口
            全局对象 定义在全局作用域的变量函数 都会变成浏览器对象的属性和方法
                  var a=10 function fun(){}
                console.log(a) fun()
                console.log(window.a) window.fun() 
    */
   var a=10
   console.log(a)
   console.log(window.a)
   console.log(window)
</script>

</html>